In the past, I wrote about setting up WordPress PHP code standards in Visual Studio Code. This article shows how we can go one step further and set up JavaScript & CSS linting (code analysis for potential errors) and pretty printing / auto formatting for PHP, CSS & JS. We are going to use Node, […]
Search Results for: visual editor
How to set up WordPress Coding Standards in Visual Studio Code
I am slowly moving away from Sublime Text to Microsoft’s Visual Studio Code due to VS Code’s superior feature-set like a built-in file navigation tree (which is better than ST’s SideBarEnhancements package), IntelliSense and built-in Git. Below are the steps to have VS Code automatically sniff and display warnings/errors (if any) in your PHP files […]
Keyboard Shortcut for inserting/editing a link in Text view of WordPress editor
I spend a lot of time in WordPress editor in Text view and often wondered how I can set hyperlink for selected text by pressing a keyboard shortcut. Turns out it is possible to do so only when in the Visual view via Cmd + K or Alt + Shift + A but not when […]
Dummy Content for Gutenberg
Interested in checking out the upcoming WordPress editor, Gutenberg and want a JumpStart? Here you can find sample content of several Gutenberg blocks that you can simply paste into a test page on your site. This could be useful for example, in seeing if/to what extent your theme is Gutenberg-ready and having the page ready […]
Frequently used iThemes Builder Snippets
In the last 2 years of working with WordPress, I must have created or customized at least a couple hundred websites using iThemes Builder. I store all the reusable snippets of iThemes Builder, WordPress and CSS related code in nvALT and want to share them all in this article. Note that PHP can be enabled […]
Genesis Community Wiki
I have been working for the last couple of days on putting together code snippets that anyone in the Genesis community can add to and edit. Pleased to announce the launch of collaborative code snippets where anyone in the #GenesisWP community can contribute.https://t.co/W7EdIm4cNh Register an account, log in and start adding your code collection. — […]
Flexbox Grid in Genesis
Flexbox Grid is a grid system based on the flex display property. Here’s how it can be loaded and used in Genesis: Step 1 Upload flexboxgrid.min.css to child theme’s css directory (create if not existing). Step 2 Add the following in child theme’s functions.php: Step 3 Add the needed markup to display your desired content […]
Recent Comments